/*
 * @Author: zjj 
 * @Date: 2017-11-30 00:15:03 
 * @Last Modified by: zjj
 * @Last Modified time: 2017-11-30 00:17:41
 *-----------------公共class类-------------------*
 */
@import "global";
// 媒体设置根元素字体
html {font-size: 50px}
body {font-size: 50px}
@media screen and (min-width: 320px) {
  html {font-size: 21.333333333333332px;}
  body {font-size: 12px;}
}
@media screen and (min-width: 360px) {
  html {font-size: 24px;}
  body {font-size: 12px;}
}
@media screen and (min-width: 375px) {
  html {font-size: 25px;}
  body {font-size: 12px;}
}
@media screen and (min-width: 384px) {
  html {font-size: 25.6px;}
  body {font-size: 14px;}
}
@media screen and (min-width: 400px) {
  html {font-size: 26.666666666666668px;}
  body {font-size: 14px;}
}
@media screen and (min-width: 414px) {
  html {font-size: 27.6px;}
  body {font-size: 14px;}
}
@media screen and (min-width: 424px) {
  html {font-size: 28.266666666666667px;}
  body {font-size: 14px;}
}
@media screen and (min-width: 480px) {
  html {font-size: 32px;}
  body {font-size: 15.36px;}
}
@media screen and (min-width: 540px) {
  html{font-size: 36px;}
  body{font-size: 17.28px;}
}
@media screen and (min-width: 720px) {
  html {font-size: 48px;}
  body {font-size: 23.04px;}
}
@media screen and (min-width: 750px) {
  html {font-size: 50px;}
  body {font-size: 24px;}
}

// 上下1像素边框类
.bdr-btm,
.bdr-top {
  position: relative;
}
.bdr-top::before {
  @include brdCom(top, #ddd);
}
.bdr-btm::after {
  @include brdCom(bottom, #ddd)
}